<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">
</head>
<body class="childrenBody">
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">广州市职工提素圆梦工程2018年学历教育补助（春季）</div>
            <a href="javascript:;" class="text_item pull-left active"><span>补贴已结束</span></a>
        </div>
        <div class="jybt_box">
            <div class="row">
                <div class="col-lg-8 col-sm-12">
                    <div class="jybt_list">
                        <div class="jybt_list_top">
                            <span class="jlt_list">补助总金额：<b class="g1">￥540万</b></span>
                            <span class="jlt_list">参与审核工会：<b class="g2">102所</b></span>
                            <span class="jlt_list">总服务费：<b class="g3">￥25万 /年</b></span>
                            <span class="jlt_list">已回款服务费：<b class="g4">￥25万</b></span>
                        </div>
                        <table width="100%" class="jybt_list_tab">
                            <thead>
                                <tr>
                                    <th>审核状态</th>
                                    <th>待审核</th>
                                    <th>驳回</th>
                                    <th>待重审</th>
                                    <th>申诉中</th>
                                    <th>审核不通过</th>
                                    <th>拒绝</th>
                                    <th>通过</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>人数</td>
                                    <td><b>5213</b></td>
                                    <td><b>34</b></td>
                                    <td><b>200</b></td>
                                    <td><b>78</b></td>
                                    <td><b>150</b></td>
                                    <td><b>76</b></td>
                                    <td><b>4622</b></td>
                                </tr>
                                <tr>
                                    <td>占比</td>
                                    <td><b>10%</b></td>
                                    <td><b>10%</b></td>
                                    <td><b>10%</b></td>
                                    <td><b>10%</b></td>
                                    <td><b>10%</b></td>
                                    <td><b>10%</b></td>
                                    <td><b>10%</b></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12">
                    <div class="jybt_list">
                        <div id="zhigong_echarts" style="height: 222px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">各区域申报情况汇总</div>
            <div class="form-inline pull-left">
                <div class="form-group">
                    <label>工会：</label>
                    <input type="text" class="form-control" placeholder="">
                </div>
            </div>
            <button class="btn btn-primary btn_add pull-right paihang_btn" style="margin-top: 10px;"><em>展开</em> <i>&gt</i></button>
            <button class="btn btn-primary pull-right" style="margin-top: 10px;margin-right:20px;">导出</button>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" data-height="496" style="height:496px;">
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector0" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>80%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector1" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>70%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector2" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>70%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector3" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>70%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector4" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>70%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector5" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>70%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top clearfix">
                                <h3 class="pull-left">白云区</h3>
                                <span class="pull-right">28个街道</span>
                            </div>
                            <div class="phb_mid">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="company-list">
                                            <p>申报总数：<b>1000</b></p>
                                            <p>待审核 / 待重申：<b>200</b></p>
                                            <p>已通过：<b>300</b></p>
                                            <p>驳回：<b>23</b></p>
                                            <p>拒绝：<b>44</b></p>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="has-feedback">
                                            <div class="jqm-round-wrap">
                                                <div class="jqm-round-bg"></div>
                                                <canvas id="jqm-round-sector6" class="jqm-round-sector" height="200" width="200"></canvas>
                                                <div class="jqm-round-circle"><p>70%</p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ruwang-cont-list">
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>审核通过率</em><b class="g2">80%</b></span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="renling-txt"><em>通过率</em><b class="g4">50%</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">学历补贴报读院校排行榜</div>
            <div class="form-inline pull-left">
                <div class="form-group">
                    <label>院校名称：</label>
                    <input type="text" class="form-control" placeholder="">
                </div>
            </div>
            <button class="btn btn-primary btn_add pull-right paihang_btn" style="margin-top: 10px;"><em>展开</em> <i>&gt</i></button>
            <button class="btn btn-primary pull-right" style="margin-top: 10px;margin-right:20px;">导出</button>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" data-height="254" style="height:254px;">
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="jybt_list">
                        <div class="paihang_box">
                            <div class="phb_top">
                                <h3>国家开放大学（广州）实验学院</h3>
                            </div>
                            <div class="phb_mid">
                                <div class="row phb_number_list">
                                    <div class="col-xs-4">
                                        <b>2000</b>
                                        <p>申报人数</p>
                                    </div>
                                    <div class="col-xs-4 g2">
                                        <b>1800</b>
                                        <p>通过人数</p>
                                    </div>
                                    <div class="col-xs-4 g4">
                                        <b>90.0%</b>
                                        <p>通过率</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">补贴申报和审核走势图</div>
            <div class="form-inline pull-left">
                <div class="form-group">
                    <label>时间：</label>
                    <input type="text" class="form-control" placeholder="">
                    <span class="g9">&nbsp;——&nbsp;</span>
                    <input type="text" class="form-control" placeholder="">
                    <button type="submit" class="btn btn-primary">查询</button>
                </div>
            </div>
        </div>
        <div class="jybt_box">
            <div class="jybt_list">
                <div id="butie_echarts" style="height: 300px;"></div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">申请职工概况汇总</div>
        </div>
        <div class="jybt_box">
            <div class="row">
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div id="zgzy_echarts" style="height: 240px;"></div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div id="zgnl_echarts" style="height: 240px;"></div>
                        <div class="echar_tip">参与补助人数最多年龄段位30-39岁</div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="jybt_list">
                        <div id="zgxb_echarts" style="height: 240px;"></div>
                        <div class="echar_tip">职工男女比例为 1.2:1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/icheck.min.js"></script>
<script>
    /*初始化多选美化*/
    $(document).ready(function () {
        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
    });

    $(function () {
        $('.nav_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })
    })
</script>
<!-- 展开 -->
<script type="text/javascript">
    $(function () {
        $('.paihang_btn').on('click', function(event) {
            var $this = $(this),
                $box = $this.parents('.nav_list').next().find('.ph_box'),
                height = $box.height(),
                dataHeight = $box.attr('data-height'),
                scrollHeight = $box[0].scrollHeight;
            if(scrollHeight > height){
                $box.css({height: 'auto'});
                $this.children('em').html('收起');
                $this.addClass('paihang_btn_on');
            }else{
                $box.css({height: dataHeight});
                $this.children('em').html('展开');
                $this.removeClass('paihang_btn_on');
            };
        });
    })
</script>
<!-- echarts -->
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/echarts.min.js"></script>
<!-- 广州市职工提素圆梦工程2018年学历教育补助（春季） -->
<script type="text/javascript">
var dom = document.getElementById("zhigong_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#4886c0'],
    title: {
        text: '',
        subtext: '',
        show: false,
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    legend: {
        data: ['']
    },
    grid: {
        left: '0%',
        right: '0%',
        top: '0%',
        bottom: '-6%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
        boundaryGap: [0, 0.01],
        show: false,
    },
    yAxis: {
        type: 'category',
        data: ['审核通过职工','提交审核职工','填写申请职工','新增注册职工']
    },
    series: [
        {
            type: 'bar',
            data: [4678, 5123, 6800, 2450],
            label: {
                normal: {
                    show: true,
                    position: 'inside'
                }
            }
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 补贴申报和审核走势图 -->
<script type="text/javascript">
var dom = document.getElementById("butie_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#cc5632','#4bc2b7'],
    title : {
        text: '补贴申报和审核情况',
        subtext: '',
        x:'center'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        orient: 'horizontal',
        x: 'center',
        y: 'bottom',
        data:['申报人数','审核人数']
    },
    grid: {
        left: '3%',
        right: '4%',
        top: '16%',
        bottom: '12%',
        containLabel: true
    },
    toolbox: {
        show: false,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1日','2日','3日','4日','5日','6日','7日']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'申报人数',
            type:'line',
            stack: '总量',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'审核人数',
            type:'line',
            stack: '总量',
            data:[220, 182, 191, 234, 290, 330, 310]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 职工职业 -->
<script type="text/javascript">
var dom = document.getElementById("zgzy_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#ff7f50','#9fd7fb'],
    title : {
        text: '职工专业层次统计',
        subtext: '',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'horizontal',
        x: 'center',
        y: 'bottom',
        data: ['专科','本科']
    },
    series : [
        {
            name: '职工专业层次统计',
            type: 'pie',
            radius : '70%',
            center: ['50%', '50%'],
            data:[
                {value:335, name:'专科'},
                {value:210, name:'本科'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'left',
                    formatter: "{b}: {c}"
                }
            },
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 职工年龄 -->
<script type="text/javascript">
var dom = document.getElementById("zgnl_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#4787BF','#9fd7fb'],
    title : {
        text: '职工年龄分布',
        subtext: '',
        x:'center'
    },
    tooltip: {
        trigger: 'axis',
        formatter: "{b} : {c}"
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['0', '18-24岁', '25-29岁', '30-39岁', '40-50岁', '50岁以上'],
        axisLabel: {
            rotate:45
        }
    },
    yAxis: {
        type: 'value'
    },
    grid: {
        left: '2%',
        right: '4%',
        top: '18%',
        bottom: '0%',
        containLabel: true
    },
    series: [{
        name:'年龄统计',
        type: 'line',
        areaStyle: {},
        label: {
            normal: {
                show: true,
                position: 'top',
                formatter: "{c}"
            }
        },
        data: [0, 1528, 3305, 5080, 1584, 212]
    }]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 职工性别 -->
<script type="text/javascript">
var dom = document.getElementById("zgxb_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    title : {
        text: '性别统计',
        subtext: '',
        x:'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'horizontal',
        x: 'center',
        y: 'bottom',
        data: ['男性','女性']
    },
    series: [
        {
            name:'性别统计',
            type:'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: true,
            label: {
                normal: {
                    show: true,
                    position: 'left',
                    formatter: "{b}: {c}"
                },
                // emphasis: {
                //     show: true,
                //     textStyle: {
                //         fontSize: '30',
                //         fontWeight: 'bold'
                //     }
                // }
            },
            labelLine: {
                normal: {
                    show: true
                }
            },
            data:[
                {value:335, name:'男性'},
                {value:210, name:'女性'}
            ]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>

<!-- 各区域申报情况汇总 环形 -->
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/circle.js"></script>
</body>
</html>